import React from 'react';

const StaffManagement = () => {
  return (
    <div className="staff-management-page">
      <h2>员工管理</h2>
      
      <div className="staff-actions">
        <button className="btn-primary">添加成员</button>
      </div>
      
      <div className="staff-list">
        <div className="staff-table">
          <table>
            <thead>
              <tr>
                <th>用户名</th>
                <th>邮箱</th>
                <th>角色</th>
                <th>状态</th>
                <th>加入时间</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>管理员</td>
                <td>admin@example.com</td>
                <td>管理员</td>
                <td>已激活</td>
                <td>2023-04-01</td>
                <td>
                  <button className="btn-text">编辑</button>
                </td>
              </tr>
              <tr>
                <td colSpan={6} className="empty-data">暂无其他成员</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  );
};

export default StaffManagement; 